html {
	background: #666;
}
body {
	margin: 10px 10%;
	font-family: Tahoma,Geneva,Kalimati,sans-serif;
	font-size: 0.8em;
	background: #FFF;
	padding: 10px;
	border: 1px solid #111;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.banner{
	background: url(../imagenes/banner_plano.png);
	height:154px;
	width:828px;
	color:#FFF;
	text-align:right;
	padding:35px 20px 0 0;
	font:normal 16px Calibri,Arial, Helvetica, sans-serif;
}
.banner div a{
	/*color:#FFF; /* Por si las moscas*/
}
.sysadmin{
	height:32px;
	width:573px;
	padding-right:285px;
}
.eslogan{
	height:22px;
	width:683px;
	padding-left:175px;
	text-align:left;
	margin-top:10px;
	color:#CCC;
}
.miperfil{
	height:48px;
	width:48px;
	float:right;
	margin-right:10px;
}
.doc{
	background:#000;
	width:820px;
	margin-top:10px;
	margin-right:10px;
	min-height:254px;
	color:#FFF;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	position:relative;
}
.copyleft{
	font:normal 10px Verdana, Geneva, sans-serif;
}
/***** slide *****/
#slide_principal { height:254px; width:402px; text-align: center;}
#normal_principal { margin-top:10px; height:230px; width:410px; background:#3CF;}
 
#butLeft,#butRight { cursor:pointer; }
#carrousel { margin-top:10px; border: 1px solid #999; position:relative; height:215px; float:left; width:400px; overflow: hidden;z-index:0;}
#listItems { float:left; position: absolute; overflow: hidden;z-index:0; }
div.item { 	width:400px; height:215px; font-size: 40px; text-align: center; line-height: 200px;}
div.color1 { background:#C8DCE5; }
div.color2 { background:#DEF0F8; }